<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理页面</title>
    <link rel="stylesheet" href="/css/element.css">
</head>
<style>
    .el-header, .el-footer {
        color: #333;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
    }

    body > .el-container {
        margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
        line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
        line-height: 320px;
    }
</style>
<body>
<div id="app">
    <#include "/include/daohang.html">
    <template>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="padding-top: 10px">
            <#list menulist as item>
                <el-tab-pane label="${item.menuName}" name="${item.menuComponent}">
                    <${item.menuComponent}></${item.menuComponent}>
                </el-tab-pane>
            </#list>
        </el-tabs>
    </template>
</div>
<#include "/include/commonjs.html">
<#list menulist as item>
    <#include "${item.menuPath}">
</#list>

<script>

    var Main = {
        extends: global,
        data() {
            return {
                activeIndex2: '${menu.activeindex}',
                total:0,
                tableData: [],
                keyword:'',
                activeName: '${activeName}'
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
</script>
</body>
</html>